<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="target-densityDpi=device-dpi, width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
        <!-- Bootstrap -->
    	<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
    	<link href="../plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" media="screen">
    	<link rel="stylesheet" type="text/css" href="../css/index.css" />
    	<link rel="stylesheet" type="text/css" href="../css/style.css" />
        <title>Hello World</title>
    </head>
	<style>
div.label{

background-color: rgb(250, 250, 248);
font-size: 2em;
color: rgb(17, 17, 16);
margin-left:  0.5em;
<!--margin-right: 1.5em;-->
margin-top: 1.5em;
width: 90%;
padding-top: 0.5em;


}	
	
	
	
	</style>
    <body>
    	<div id="header">
		  <div>
	              <a class="dropdown-toggle" id="header-titre" role="button" data-toggle="dropdown" href="#"><img src="../img/logo3_small.png"></a>
		  </div>
		  
		  <div id="header-right">
		  	<div class="popover top" id="notification">
		  		<div class="arrow" style="border-top-color:#E8373E"></div>
		  		<a href="notification.html"><div class="popover-content" style="font-weight: bold; color:white; font-size: 1.5em;">3</div></a>
		  	</div>
		  </div>
        </div>
        
        <div id="container-add">
		   <div>
                <div class="row-fluid  label" style="text-align:left;">
                   <label> <i class="icon-ok" style="font-size: 2em;"></i><span style="font-size: 1.5em;">&nbsp  Possede aussi "Mon produit"<span> </label>
                </div>
                <div class="row-fluid author" style="width:96%">
	       		   <div class="span6 name" style="text-align:left;"> <i class="icon-user" style="height: 2.5em; margin-right:5px;"></i> Akram Fares</div>
	       		   <div class="span6 time" >Il y a 2 minutes</div>
	       	    </div>
		   <div>
		    <div>
                <div class="row-fluid  label" style="text-align:left;">
                   <label> <i class=" icon-heart" style="font-size: 2em;"></i><span style="font-size: 1.5em;">&nbsp A envie d'acheter "Mon produit"<span> </label>
                </div>
                <div class="row-fluid author" style="width:96%">
	       		   <div class="span6 name" style="text-align:left;"> <i class="icon-user" style="height: 2.5em; margin-right:5px;"></i> Akram Fares</div>
	       		   <div class="span6 time" >Il y a 5 minutes</div>
	       	    </div>
		   <div>
		    <div>
                <div class="row-fluid  label" style="text-align:left;">
                   <label> <i class="icon-ok" style="font-size: 2em;"></i><span style="font-size: 1.5em;">&nbsp Possede aussi "Mon produit"<span> </label>
                </div>
                <div class="row-fluid author" style="width:96%">
	       		   <div class="span6 name" style="text-align:left;"> <i class="icon-user" style="height: 2.5em; margin-right:5px;"></i> Akram Fares</div>
	       		   <div class="span6 time" >Il y a 23 minutes</div>
	       	    </div>
		   <div>
		    <div>
                <div class="row-fluid  label" style="text-align:left;">
                   <label> <i class=" icon-heart" style="font-size: 2em;"></i><span style="font-size: 1.5em;">&nbsp A envie d'acheter "Mon produit"<span> </label>
                </div>
                <div class="row-fluid author" style="width:96%">
	       		   <div class="span6 name" style="text-align:left;"> <i class="icon-user" style="height: 2.5em; margin-right:5px;"></i> Akram Fares</div>
	       		   <div class="span6 time" >Il y a 50 minutes</div>
	       	    </div>
		   <div>
		    <div>
                <div class="row-fluid  label" style="text-align:left;">
                   <label> <i class=" icon-heart" style="font-size: 1.5em;"></i><span style="font-size: 1.5em;">&nbsp A envie d'acheter "Mon produit"<span> </label>
                </div>
                <div class="row-fluid author" style="width:96%">
	       		   <div class="span6 name" style="text-align:left;"> <i class="icon-user" style="height: 2.5em; margin-right:5px;"></i> Akram Fares</div>
	       		   <div class="span6 time" >Il y a 50 minutes</div>
	       	    </div>
		   <div>
        </div>

       
        
        
        <!-- <script type="text/javascript" src="../cordova-2.7.0.js"></script> -->
        <script type="text/javascript" src="../js/jquery.js"></script>
        <script type="text/javascript" src="../js/bootstrap-dropdown.js"></script>
         <script type="text/javascript">
			// JS is only used to add the <div>s
			var switches = document.querySelectorAll('input[type="checkbox"].ios-switch');
			
			for (var i=0, sw; sw = switches[i++]; ) {
				var div = document.createElement('div');
				div.className = 'switch';
				sw.parentNode.insertBefore(div, sw.nextSibling);
			}
		</script>
    </body>
</html>
